<template>
<!-- 平台优惠弹窗组件 -->
  <div>
    <van-row class="borderBottom">
      <van-col offset="10" class="marginTop colorText fontWight"
        >平台优惠
      </van-col>
    </van-row>
    <van-radio-group v-model="radio">
      <van-row class="marginTop borderBottom paddingSamll">
        <van-col offset="1">
          <van-radio name="1">
            组合优惠-￥10.00
          </van-radio>
        </van-col>
      </van-row>
      <van-row class="marginTop borderBottom paddingSamll">
        <van-col offset="1">
          <van-radio name="2">店铺优惠券满￥100.00减￥5.00</van-radio>
        </van-col>
      </van-row>
      <van-row class="marginTop borderBottom paddingSamll">
        <van-col offset="1">
          <van-radio name="3">单品优惠 满￥10.00减￥5.00</van-radio>
        </van-col>
      </van-row>
      <van-row class="marginTop borderBottom paddingSamll">
        <van-col offset="1">
          <van-radio name="4">不使用优惠券</van-radio>
        </van-col>
      </van-row>
    </van-radio-group>
    <!-- 确定 -->
    <van-row class=" postionBtn">
      <van-col span="24">
        <van-button type="primary" size="large" @click="clickHandle">确定</van-button>
      </van-col>
    </van-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      radio: "1",
    };
  },
  methods:{
      clickHandle(){
        //   console.log("222");
          this.$emit('platformInvoiceH',false)
      }
  }
};
</script>

<style>
.marginTop {
  margin-top: 10px;
}
.paddingSamll {
  padding: 8px 0;
}
.colorText {
  color: #4bd863;
}
.fontWight {
  font-weight: 700;
}
.borderBottom {
  border-top: 1px solid #ccc;
}
.postionBtn {
  position: relative;
  bottom: -3px;
}
</style>